<template>
  <div>
    <h1>App</h1>
    <!-- <BsButton></BsButton>
    <BsCard></BsCard> -->
    <BsPagination :total="60" :page-size="15" @change="changePage"></BsPagination>
  </div>
</template>

<script setup>
import BsButton from './components/BsButton.vue'
import BsCard from './components/BsCard.vue'
import BsPagination from './components/BsPagination.vue'

</script>

<script>
// import BsButton from './components/BsButton.vue'
// import BsCard from './components/BsCard.vue'


function changePage(e) {
  console.log(e);
}

// export default {
//   components: {
//     BsButton,
//     BsCard
//   },
//   setup() { }
// }

</script>

<style>
div {
  border: solid;
  padding: 20px
}
</style>